// 详情页的逻辑代码
// 0. 获取 content 盒子
const contentBox = document.querySelector('.content')
const infoBox = document.querySelector('.info')


// 1. 获取到 sessionStorage 内的 id 信息
const goods_id = window.sessionStorage.getItem('id')

// 判断一下, 如果没有 goods_id , 直接跳转回列表页
if (!goods_id) {
  window.location.href = './list.html'
  throw new Error('没有您查看的商品详情')
}

// 2. 根据 id 请求一个详情信息数据
getInfo()
async function getInfo() {
  const res = await pAjax({
    url: 'http://localhost:8888/goods/item',
    data: 'id=' + goods_id,
    dataType: 'json'
  })

  console.log(res)

  contentBox.innerHTML = `
    <div class="left">
      <img src="${ res.info.img_big_logo }" alt="">
    </div>
    <div class="right">
      <p class="title">${ res.info.title }</p>
      <button class="call_me">客服：请联系客服</button>
      <p class="goods_number"> 商品剩余数量： ${ res.info.goods_number }</p>
      <p class="price">
        ￥ ${ res.info.current_price }
      </p>
      <p class="number">
        <button>-</button>
        <input type="text" value="1">
        <button>+</button>
      </p>
      <p>
        <button>加入购物车</button>
      </p>
      <p class="explan">
      服务说明：72小时发货  7天无理由退货 延误必赔  退货补运费  全国包邮
      </p>
    </div>
  `

  // infoBox.innerHTML = res.info.goods_introduce
}

// 